<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鼎搜登录页</title>
		<link rel="stylesheet" type="text/css" href="css/登录页.css"/>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	</head>
	<body>
		<div class="con">
			<div class="hed">
				<div class="top"></div>
				<div class="item">
					<div class="logo_1">
						<h1>
						<a href="#"> <img src="img/logo.jpg"/>鼎搜网</a>
						</h1>
					</div>
					<div class="list">
						<ul>
							<li class="active"><a href="index.html">首页</a></li>
							<li class="active"><a href="列表页.html">关于鼎搜</a></li>
							<li class="active"><a href="详情页.html">鼎搜服务</a></li>
							<li class="active"><a href="登录页.html">鼎搜动态</a></li>
							<li class="active"><a href="#">鼎搜诚聘</a></li>
							<li class="active"><a href="#">鼎搜公益</a></li>
						</ul>
					</div>
					<div class="search">
						<form action="#" method="post">
							<input type="text" value="" />
							<button></button>
						</form>
					</div>
					<!--<img src="img/bo.jpg" style="width: 100%;display: block;"/>-->
				</div>
			</div>
			
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/bo.jpg"/>
					</div>
					<div class="swiper-slide">
						<img src="img/bo.jpg"/>
					</div>
					<div class="swiper-slide">
						<img src="img/bo.jpg"/>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			
				<!-- 如果需要导航按钮 -->
				<!--<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>-->
		
				<!-- 如果需要滚动条 -->
				<!--<div class="swiper-scrollbar"></div>-->
			</div>
			
			<div class="icon">
				<div class="tit">
					<hr />
					<h4>我要转让</h4> <br />
					<p>WO YAO ZHUAN RANG</p>
				</div>
				<div class="fom">
					<div class="let">
						
						<table border="0" cellspacing="0" cellpadding="0">
							<form action="#" method="post">
							<tr>
								<td></td>
								<td>
									<button><a href="#">点击登录</a></button>
									<button><a href="注册页.html">点击注册</a></button>
								</td>
							</tr>
							<tr>
								<td>用户名:</td>
								<td>
									<input type="text" name="uname" class="textbox"  value="" />
								</td>
							</tr>
							<tr>
								<td>密码:</td>
								<td>
									<input type="password" name="psd" class="textbox"  value="" />
								</td>
							</tr>
							<tr>
								<td style="padding-top: 10px;">验证码:</td>
								<td>
									<input type="text" name="code" class="textbox1"  value="" />
									<img src="img/验证码_03.jpg"/>
									<span>
										看不清？<span class="red"><a href="#">点击更换</a></span>
									</span>
								</td>
							</tr>
							<tr>
								<td>有效期:</td>
								<td>
									<input type="radio" name="validity"  value="" checked="checked"/>一个月
									<input type="radio" name="validity"  value="" />一周
									<input type="radio" name="validity" value="" />一天
									<input type="radio" name="validity" value="" />即时	
								</td>
							</tr>
							<tr>
								<td></td>
								<td>
									<input type="submit" value="登录"/>
									<span class="red"><a href="#"> 忘记密码？</a></span>
								</td>
							</tr>
							</form>
						</table>
					</div>
					<div class="rgh">
						<img src="img/tu_04.jpg"/>
					</div>	
				</div>
			</div>
			<hr style="background: #eaedf0;height:1px;border:0;"/>
			<div class="fot">
				<table border="0" cellspacing="10" cellpadding="10">
					<tr>
						<th>简介</th>
						<th>帮助</th>
						<th>共赢</th>
						<th>导航</th>
					</tr>
					<tr>
						<td>鼎搜网简介</td>
						<td>用户注册</td>
						<td>网站合作</td>
						<td>地图首页</td>
					</tr>
					<tr>
						<td>鼎搜服务</td>
						<td>关于鼎搜</td>
						<td>用户协议</td>
						<td>职能分类</td>
					</tr>
					<tr>
						<td>会员身份实名认证</td>
						<td>在线咨询</td>
						<td>会员身份实名认证</td>
						<td>企业名录</td>
					</tr>
				</table>
				<div class="call">
					<div class="pho">
						<img src="img/电话_07.jpg"/>
						<img src="img/二_10.jpg" />
					</div>
					<div class="med">
						<h4 class="first">全国服务热线</h4>
						<h4 class="second">440-880-1779</h4>
						<p>邮箱:dinsoo@163.com</p>
						<h4>订阅信息</h4>
					</div>
					<div class="lat">
						<p>投诉电话：4408801779</p>
						<p>周一至周六：9:20-20:00</p>
						<img src="img/博_12.jpg"/>
						<img src="img/微_11.jpg"/>
					</div>
				</div>
			</div>
			<div class="wei">
				Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
			</div>
		</div>	
		
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'horizontal', // 垂直切换选项
		    loop: true, // 循环模式选项
		    autoplay: true,
		    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		    },
		    
		    // 如果需要前进后退按钮
//		    navigation: {
//		      nextEl: '.swiper-button-next',
//		      prevEl: '.swiper-button-prev',
//		    },
		    
//		     如果需要滚动条
		    scrollbar: {
		      el: '.swiper-scrollbar',
		    },
		  })        
  		</script>
		
	</body>
</html>
